import Vue from "vue";
import VueRouter from "vue-router";
import Home from "../views/Home.vue";
const Individuation = () => import('../views/individuation/Individuation')
const PlayList = () => import('../views/home/playlist/PlayList')
const Songs = () => import('../views/home/songs/Songs')
const Singer = () => import('../views/home/singer/Singer')
const LeaderBoard = () => import('../views/home/leaderboard/LeaderBoard')
const Mv = () => import('../views/home/mv/Mv')
const Seach = () => import('../views/home/seach/Seach')




Vue.use(VueRouter);

const routes = [
  {
    path: "",
    redirect: "/home",
  },
  {
    path: "/home",
    component: Home,
    redirect: '/home/individuation',
    // children
    children: [
      {
        path: '/home/individuation',
        component: Individuation
      },
      {
        path: '/home/playlist',
        component: PlayList
      },
      {
        path: '/home/songs',
        component: Songs
      },
      {
        path: '/home/singer',
        component: Singer
      },
      {
        path: '/home/leaderboard',
        component: LeaderBoard
      },
      {
        path: '/home/mv',
        component: Mv
      },
      {
        path: '/home/seach',
        name: 'seach',
        component: Seach

      }
    ]
  },
];

const router = new VueRouter({
  mode: 'history',
  routes
});

export default router;
